<!DOCTYPE html>
<html>
<head>
    <title>躲避小游戏</title>
    <meta content="text/html" charset="UTF-8">
    <script type="text/javascript" src="./jQuery/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="./JS/feiji.js"></script>

    <link href="./CSS/feiji.css" rel="stylesheet" type="text/css">

</head>
<body>
<div id="game">
    <div id="gameUI">
        <div id="gameIntro">
            <h1>Asteroid avoidance</h1>
            <p>Click play and then press any key to start.</p>
            <p><a id="gamePlay" class="button" href="">Play</a></p>
        </div>
        <div id="gameStats">
            <p>Time: <span class="gameScore">seconds</span></p>
            <p><a class="gameReset" href="">Reset</a></p>
        </div>
        <div id="gameComplete">
            <h1>Game over!</h1>
            <p>You survived for <span class="gameScore"></span> seconds.</p>
            <p><a class="gameReset button" href="">Play again.</a></p>
        </div>
    </div>
    <canvas id="gameCanvas" width="800" height="600">
    </canvas>
    <audio id="gameSoundBackground" loop>
        <source src="sounds/yiranaini.mp3">
        <source src="sounds/background.ogg">
    </audio>
    <audio id="gameSoundThrust" loop>
        <source src="sounds/thrust.ogg">
        <source src="sounds/thrust.mp3">
    </audio>
    <audio id="gameSoundDeath">
        <source src="sounds/death.ogg">
        <source src="sounds/death.mp3">
    </audio>
</div>
</body>
</html>